<%include("/public/header.html",{title:"手机商城"}){}
%>

	<section>
		<div class="section">
		    <div class="sbody">
		    <div class="sleft" style="width: 250px">
		    	<img alt="主页" src="${ctxPath}/img/left.jpg" height="400px" width="250px">
		    </div>
		    	
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			  		<%
			  			for(product in products){
			  		%>
				    <li data-target="#carousel-example-generic" data-slide-to="${product.id}" class="
				    	<%
				    		if(productLP.first){
						%>
							active
						<%
							}
						%>"></li>
					<%
						}
			  		%>
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			  		<%
			  			for(product in products){
			  		%>
					<div class="
						<%if(productLP.first){
						%>
							item active
						<%
							}else{
						%>
							item
						<%
							}
						%>"
					>
				   	 	<a href="${ctxPath}/product/info/${product.id}.html"><img src="${product.url}" title="点击查看${product.title}的详情" alt="${product.title}" > </a>  
				    </div>
					<%
						}
			  		%>
			  </div>
			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="width: 34px;height: 76px;background: black;margin-top: 180px;">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="width: 34px;height: 76px;background: black;margin-top: 180px;">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
		    	<div class="sright"><img alt="主页" src="${ctxPath}/img/bodyRight.jpg" height="400px" width="250px"></div>
		  </div>
		  
		  <div class="menubody">
		    	<ul class="menuProduct"><%
		    			for(product in allProduct){%>
		    			<li>
				    		<div>
				    			<a href="${ctxPath}/product/info/${product.id}.html"><img alt="${product.title}" title="点击查看${product.title}的详情" src="${product.url}" style="width: 250px;height: 220px;"></a>
				    		</div>
				    		<p>&nbsp;&nbsp;&nbsp;&nbsp;<span>${product.title}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;￥<span>${product.price}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="${ctxPath}/product/info/${product.id}.html">立即购买</a></p>
		    			</li>
		    			<%}%>
		    	</ul>
		    </div>
		</div>
</section>

 

<%include("/public/footer.html",{title:"手机商城"}){}%>
